<template>
	<!-- 供应商 -->
	<div>
		<headpage username="供应商管理" routername="main1"></headpage>
		<div style="padding:10px;">
			<div class="input-control search-box search-box-circle has-icon-left has-icon-right" id="searchboxExample">
				<input id="inputSearchExample1" type="search" class="form-control search-input" placeholder="输入供应商名称/关键字/拼音首字母">
				<label for="inputSearchExample1" class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
				<a href="#" class="input-control-icon-right search-clear-btn"><i class="icon icon-remove"></i></a>
			</div>
		</div>
		<ul class="list">
			<li>
				<div class="switch foot">
				  <input type="checkbox">
				  <label>隐藏零欠款供应商</label>
				</div>
			</li>
			<li>
				<button class="btn btn-sm btn-info">新增供应商</button>
			</li>
		</ul>
	</div>
</template>

<script>
	import headpage from "../headpage.vue"
	export default {
		name: "supplier",
		components: {
			headpage
		}
	}
</script>

<style scoped="scoped">
	ul,li{
		margin:0;
		padding:0;
		list-style: none;
	}
	.list{
		display:flex;
		position:fixed;
		width:100%;
		bottom:0;
		border-top:1px solid lightblue;
		padding:10px;
	}
	.list li{
		width:50%;
	}
</style>
